import React from 'react';
import { TabDiv } from '../../style';
import { Tabs } from 'antd';
import Basic from './basic'
import Invoice from './invoice'
import Binding from './binding'
import Certificate from './certificate'
import Payment from './payment'


const { TabPane } = Tabs;

function callback(key) {
    console.log(key);
}


const AddSupplier = () => {
    const { TabPane } = Tabs;

    // function callback(key) {
    //     console.log(key);
    // }
    return (
        <>
            <TabDiv>
                <div className='header'>
                    <span>采购管理</span>
                    <span className="supname">/</span>
                    <strong>添加</strong>
                    <hr />
                </div>
                {/* <Tabs className='TabPage' defaultActiveKey="1" onChange={callback}>
                    <TabPane tab="基本信息" key="1">
                        <Basic/>
                    </TabPane>
                    <TabPane tab="发票信息" key="2">
                        <Invoice/>
                    </TabPane>
                    <TabPane tab="绑定商品" key="3">
                        <Binding/>
                    </TabPane>
                    <TabPane tab="证件信息" key="4">
                        <Certificate/>
                    </TabPane>
                    <TabPane tab="付款方面" key="5">
                        <Payment/>
                    </TabPane>
                </Tabs> */}
                <Tabs className='TabPage' type="card" tabBarGutter='1'>
                    <TabPane tab="基本信息" key="1" >
                        <Basic />
                    </TabPane>
                    <TabPane tab="发票信息" key="2">
                        <Invoice />
                    </TabPane>
                    <TabPane tab="绑定商品" key="3">
                        <Binding />
                    </TabPane>
                    <TabPane tab="证件信息" key="4">
                        <Certificate />
                    </TabPane>
                    <TabPane tab="付款方面" key="5">
                        <Payment />
                    </TabPane>
                </Tabs>
            </TabDiv>

        </>
    );
}

export default AddSupplier;

